<template>
    <div class="dy_master">
        <dy-topbar title="消息" :titleRight="{label: '联系人', name: 'index_commend'}"></dy-topbar>

        <ul class="dy_message_nav">
            <li>
                <span class="blue">
                    <i class="fa fa-user-o fa-2x"></i>
                </span>
                <label>粉丝</label>
            </li>
            <li>
                <span class="red">
                    <i class="fa fa-heart-o fa-2x"></i>
                </span>
                <label>赞</label>
            </li>
            <li>
                <span class="green">
                    <i class="fa fa-heart fa-2x"></i>
                </span>
                <label>@我的</label>
            </li>
            <li>
                <span class="violet">
                    <i class="fa fa-commenting-o fa-2x"></i>
                </span>
                <label>评论</label>
            </li>
        </ul>

        <ul class="dy_message_list">
            <li v-for="item in 8" :key="item">
                <div class="imgBox">
                    <img src="../../assets/img/lufei.png" alt="">
                </div>
                <div class="message_info">
                    <div class="message_title">
                        <h2>dy助手提示</h2>
                        <span>2018-08-08</span>
                    </div>
                    <p class="message_msg">您有新的短消息，请注意查看。。。。</p>
                </div>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    name: 'index_message',
    data(){
        return {

        }
    },
    methods: {

    },
    mounted(){
        
    }
}
</script>
